<!DOCTYPE html>
<html>
    <head>
        <meta name="charset" content="utf-8">
        <meta http-equiv="refresh" content="30">
        <link rel="stylesheet" href="normalize.css" type="text/css">
        <link rel="stylesheet" href="index.css" type="text/css">
    </head>
    <body>
        <div id=head>
            <div class=headback>
                <img src="sucai/head-back.png" alt="头部背景" class="head-image">
                <div class="headbackcolor"></div>
            </div>
            <div class="headfont">
                <h1 class="headfonttittle">Hello World</h1>
                <p class="headfonttext">China is speeding up strategic plan, standards, traffic rules, laws and regulations on  </p>
                <p class="headfonttext">accident-incurred liabilities for its smart car industry, Economic Information Daily </p>
                <p class="headfonttext">reported Thursday.</p>
            </div>
            <div class="headform">
                <h2 class="tittle">Create Your Account</h2>
                <p class="text">It is absolutely free</p>
                <form action="#">
                    <input class="input-field" type="email" name="email" id="email" placeholder="Create your email">
                    <input class="input-field" type="password" name="pws" id="pws" placeholder="Create your password">
                    <input class="sign-up" type="button" value="Sign Up">
                </form>
            </div>
        </div>
        <div id="page2">
            <div class="p2head">
                <p>Boatloads of Awesome</p>
                <h2>Ready-made, customizable, HTML <br>landing page sections</h2>
            </div>
            <div class="p2text">
                <div class="iphone">
                    <img src="sucai/Iphone Icon.png" alt="iphone">
                    <div class="texto">
                    <p class="tittle">Mobile First</p>
                    <p class="text">All modulz are built mobile-first for maximum<br>device compatibil </p>
                    </div>
                </div>
                <div class="check">
                    <img src="sucai/Check Icon.png" alt="check">
                    <div class="texto">
                    <p class="tittle">Accessibility</p>
                    <p class="text">Support for IE8, mobile and tablet devices,<br> screenreaders and color blind</p>
                    </div>
                </div>
                <div class="pencil">
                    <img src="sucai/Pencil Icon.png" alt="pencil">
                    <div class="texto">
                    <p class="tittle">Fluid Typography</p>
                    <p class="text">On different screen sizes, fonts automagically<br> scale with the viewport.</p>
                    </div>
                </div>
                <div class="setting">
                    <img src="sucai/Settings Icon.png" alt="setting">
                    <div class="texto">
                    <p class="tittle">Customization</p>
                    <p class="text">Make any design your own using the Style<br> Editor. Personalize fonts, colors, and layouts to<br> create the custom look you want.</p>
                    </div>
                </div>
            </div>
        </div>
        <div id=page3>
            <div class=page3back>
                <img src="sucai/page3background.png" alt="第三张背景" class="page3-image">
                <!-- <img src="sucai/page3Screen.png" alt="ipad屏幕" class="page3-screen"> -->
                <div class="headbackcolor"></div>
                <img src="sucai/page3Screen.png" alt="ipad屏幕" class="page3-screen">
            </div>
            <div class="page3text">
                <p class="tittle">Supportive policies<br> for China's smart<br> car</p>
                <p class="text">China will come up with its own smart car<br> standards, traffic rules, laws and regulations<br> relating to safety, according to the China<br> Industry Innovation Alliance for the Intelli-<br>gent and Connected Vehicles.</p>
                <input class="CheckoutFeatures" type="button" value="CHECK OUT FEATURES">
                <input class="TryproductforFree" type="button" value="Try product for Free">
            </div>
        </div>
        <div id="page4">
            <h2 class="tittle">Try Our Awesome Products</h2>
            <div class="text">
                <div class="singleton">
                    <img src="sucai/Singleton.png" alt="singleton">
                    <p>Li Jun, a China Academy of Engi-<br>neering academician and also<br> director of the alliance's experts'<br> committee, said that China will<br> also launch design guidance for<br> smart cars, smart map architec-<br>ture and standards for test<br> grounds.</p>
                </div>
                <div class="hero">
                    <img src="sucai/Hero.png" alt="hero">
                    <p>Li said the smart car industry is<br> able to enlarge the current car<br> industry by 1 trillion yuan ($158.15<br> billion) and also able to boost fast<br> development in 5G, internet of<br> cars, big data, artificial intelligence<br> and new-energy vehicles.</p>
                </div>
                <div class="portlaned">
                    <img src="sucai/Portland.png" alt="portland">
                    <p>Zhang Junyi, a partner with NIO<br> Capital, said that the smart car is<br> the trend for the car industry and<br> China's auto sector will usher in a<br> new key development stage with<br> the improvement of infrastructure,<br> technology, policies and laws</p>
                </div>
            </div>
        </div>
        <div id="page5">
            <div class="tree">
                <img src="sucai/tree.png" alt="树木">
                <div class="tree-text">
                    <h3>Learn How to Improve Your <br>Personal Business</h3>
                    <p>Li Jun, a China Academy of Engineering<br> academician and also director of the<br> alliance's experts' committee, said that<br> China will also launch design guidance<br> for smart cars, smart map architecture<br> and standards for test grounds.</p>
                </div>
            </div>
            <div class="bird">
                <img src="sucai/bird.png" alt="鸟">
                <div class="bird-text">
                    <h3>Choose Between Two Beautifully<br> Designed Color Schemes.</h3>
                    <p>China will come up with its own smart car standards, traffic rules, laws and regulations relating to safety, according to the China Industry Innovation Alliance for the Intelligent and Connected Vehicles.</p>
                </div>
            </div>
        </div>
    </body>
</html>